<html>

<head>
    <link href="./dropdown.css" rel="stylesheet" type="text/css"  />
</head>

<body>
    <p><i>Lorem</i> ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    <p>This     sentence contains    more than one space between words</p>
    <p style="visibility:hidden">This text should be hidden</p>
    <button onclick="this.innerText='Button1 was clicked'">Button</button>
    <input type="submit" value="Button" onclick="this.value='Button2 was clicked'" />
    <input type="button" value="Button" onclick="this.value='Button3 was clicked'" />
    <input type="reset" value="Button" onclick="this.value='Button4 was clicked'" />
    <h1>HoverDropdowns</h1>
    <p>
        <div class="dropdown">
            <button id="hover_me_1" class="dropbtn">Hover Dropdown</button>
            <div class="dropdown-content">
                <a href="#">Hover Link1</a>
            </div>
        </div>
        <div class="dropdown">
            <button id="hover_me_2" class="dropbtn">Hover Dropdown</button>
            <div class="dropdown-content">
                <a href="#">Hover Link2</a>
            </div>
        </div>
    </p>
</body>

</html>
